html, body {
	height: 100%;
	width:  100%;
	font-family: Arial, Verdana, sans-serif;
	color: #cccc99;
	font-size: 12px;
	/* overflow: auto; */
	margin-left: 0px;
	margin-top:  0px;
	margin-bottom: 0px;
	margin-right: 0px;
}

#block_top {
	margin: 5px;
	background-color: #d0d0d0;
	border: 1px solid #000;
}

#block_left {
	margin-left: 5px;
	left: 0px;

	background-color: #76808b;
	border: 1px solid #000;
	float: left;

	width: 15%;
}

#block_middle {
	margin-left: 18%;
	margin-right: 5%;
	padding: 5px;

	background-color: #959595;
	border: 1px solid #000;
}

.block {
	margin: 5px;
	border: 1px solid #000;
}

a { 
	text-decoration: none;
	margin-left: 5px;
  }

a:hover {
		text-decoration: underline overline ;
		
	}
	

h1,h2,h3,h4,h5,h6.center { text-align: center; }


body {
	color: #000000;
	background: #666666;
}

/* Menu */
.menu_title { 
	margin:  4px;
	padding: 5px;
	border: 1px solid #000;
	background-color: #454545;
	color: white;
	font-weight: bold;
}

/* Description Menu */
.descr_menu { border: 1px solid black; background-color: #353535; }
.descr_menu th { width:150px; background:#8080ff; }
.descr_menu th a { text-decoration:none; color:#000000; }
.descr_menu td { 
			font-weight: bold; 
			background:  #add8e6; 
			padding: 5px;
		}

/* Form 1 */
.form1 	{ 
		border: 1px solid black; 
		padding: 5px;
		margin: 5px;
		background-color: #a5a5cc;
		display: none;
	}

.field_descr 	{
			text-align: right;
			font-weight: bold;
			margin-right: 5px;
		}

.code {
		padding: 5px;
		margin: 5px;
		font-family: courier;
		background: #ccccff;
		white-space: pre;
	}

.result {
		padding: 3px;
		margin: 2px;
		background: #eee;
	}

.note {
		padding: 5px;
		margin: 2px;
		background: #ffaaaa;
		border: solid;
		border-width: 1px;
	}

tt { background-color: #ffcccc; }
